<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 引入主题样式 -->
<link href="themes/gray/easyui.css" rel="stylesheet">
<!-- 引入图标的样式 -->
<link href="themes/icon.css" rel="stylesheet">
<!-- 先引入jquery -->
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<!-- 引入easyui -->
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/easyui-lang-zh_CN.js"></script>

<script type="text/javascript">

	$(function() {
		
		var nodeID=0;
		//table表格从content中拿出全部数据
		$('#dg').datagrid({
			url : "contentshow",
			title : '知识内容',
			rownumbers : true,
			 queryParams: {          
	                id: nodeID,           
	              },
			striped : true,
			pagination : true,
			pageSize : 19,
			pageList : [ 19, 36, 54 ],
			columns : [ [ {
				field : 'cid',
				title : '知识编号',
				width : '10%',
				hidden: true
			}, {
				field : 'cname',
				title : '知识类型',
				width : '10%'
			}, {
				field : 'ctitle',
				title : '标题',
				width : '10%'
			}, {
				field : 'cabstract',
				title : '内容摘要',
				width : '10%'
			}, {
				field : 'fspecial',
				title : '专题',
				width : '10%'
			}, {
				field : 'fstatezhuant',
				title : '状态',
				width : '10%'
			}, {
				field : 'ftime',
				title : '发布日期',
				width : '10%'
			}, {
				field : 'fcontent',
				title : '内容',
				width : '29%'
			}, {
				field : 'fnumber',
				title : '浏览次数',
				width : '10%'
			}, ] ],
	              
			        onDblClickRow: function(index,row){
			        	var s ='<tr><td ><h2 ">标题:'+row.ctitle+' </h2></td></tr>'
			        	s=s+'<tr><td ><h3 ">内容摘要:'+row.cabstract+' </h3></td></tr>'
			        	s=s+'<tr><td>知识类型:'+row.cname+'</td></tr>'
			        	s=s+'<tr><td>所属专题:'+row.cabstract+'</td></tr>'
			        	s=s+'<tr><td>发布日期:'+row.ftime+'</td></tr>'
			        	s=s+'<tr><td>状态:'+row.fstatezhuant+'</td></tr>'
			        	s=s+'<tr><td>'+  row.fcontent+'</td></tr>'
			        	$('#content').html(s);
			        	$('#win').window('open'); 
			        	
			        	
	          	}
     
		});
		
		
		
		
        //知识类型type下拉列表
		$('#cc').combobox({
			url : 'type',
			valueField : 'id',
			textField : 'text'
		});
        
		//搜索框输入数据搜索
		$('#ss').searchbox({
			searcher : function(value, name) {
				
				
				//name = 1时标题搜索name = 0时内容搜索
				/* if(value==0&&('#cc').combobox('getText').length==0)
					{
					alert(1);
					var nodeID=0;
					//table表格从content中拿出全部数据
					$('#dg').datagrid({
						url : "contentshow",
						title : '知识内容',
						rownumbers : true,
						 queryParams: {          
				                id: nodeID,           
				              },
						striped : true,
						pagination : true,
						pageSize : 12,
						pageList : [ 6, 9, 12 ],
						columns : [ [ {
							field : 'cid',
							title : '知识编号',
							width : '10%',
							hidden: true
						}, {
							field : 'cname',
							title : '知识类型',
							width : '10%'
						}, {
							field : 'ctitle',
							title : '标题',
							width : '10%'
						}, {
							field : 'cabstract',
							title : '内容摘要',
							width : '10%'
						}, {
							field : 'fspecial',
							title : '专题',
							width : '10%'
						}, {
							field : 'fstatezhuant',
							title : '状态',
							width : '10%'
						}, {
							field : 'ftime',
							title : '发布日期',
							width : '10%'
						}, {
							field : 'fcontent',
							title : '内容',
							width : '29%'
						}, {
							field : 'fnumber',
							title : '浏览次数',
							width : '10%'
						}, ] ],
				              
						        onDblClickRow: function(index,row){
						        	var s ='<tr><td ><h2 ">标题:'+row.ctitle+' </h2></td></tr>'
						        	s=s+'<tr><td ><h3 ">内容摘要:'+row.cabstract+' </h3></td></tr>'
						        	s=s+'<tr><td>知识类型:'+row.cname+'</td></tr>'
						        	s=s+'<tr><td>所属专题:'+row.cabstract+'</td></tr>'
						        	s=s+'<tr><td>发布日期:'+row.ftime+'</td></tr>'
						        	s=s+'<tr><td>状态:'+row.fstatezhuant+'</td></tr>'
						        	s=s+'<tr><td>'+  row.fcontent+'</td></tr>'
						        	$('#content').html(s);
						        	
						        	 $('#win').window('open'); 
						        	
						        	
				          	}
			     
					});
					
					}  */
				
				
				 if(value==0||$('#cc').combobox('getText').lenght>0)
					{
					var lx =$('#cc').combobox('getText');
					$('#dg').datagrid({
						url : "contentshow",
						title : '知识内容'+'->'+'知识类型（'+lx+'）',
						rownumbers : true,
						 queryParams: {          
				                lx:lx,
				                ss:value,
				                id:name
				              },
						striped : true,
						pagination : true,
						pageSize : 19,
						pageList : [ 19, 36, 54 ],
						columns : [ [ {
							field : 'cid',
							title : '知识编号',
							width : '10%',
							hidden: true
							
						}, {
							field : 'cname',
							title : '知识类型',
							width : '10%'
						}, {
							field : 'ctitle',
							title : '标题',
							width : '10%'
						}, {
							field : 'cabstract',
							title : '内容摘要',
							width : '10%'
						}, {
							field : 'fspecial',
							title : '专题',
							width : '10%'
						}, {
							field : 'fstatezhuant',
							title : '状态',
							width : '10%'
						}, {
							field : 'ftime',
							title : '发布日期',
							width : '10%'
						}, {
							field : 'fcontent',
							title : '内容',
							width : '19%'
						}, {
							field : 'fnumber',
							title : '浏览次数',
							width : '10%'
						}, ] ]
					});
					
					}
				else 
					{
				if(name==1)
					{
					var lx =$('#cc').combobox('getText');
					$('#dg').datagrid({
						url : "contentshow",
						title : '知识内容'+'->'+'知识类型（'+lx+'）->'+'标题搜索（'+value+')',
						rownumbers : true,
						 queryParams: {          
				                lx:lx,
				                ss:value,
				                id:name
				              },
						striped : true,
						pagination : true,
						pageSize : 19,
						pageList : [ 19, 36, 54 ],
						columns : [ [ {
							field : 'cid',
							title : '知识编号',
							width : '10%',
							hidden: true
							
						}, {
							field : 'cname',
							title : '知识类型',
							width : '10%'
						}, {
							field : 'ctitle',
							title : '标题',
							width : '10%'
						}, {
							field : 'cabstract',
							title : '内容摘要',
							width : '10%'
						}, {
							field : 'fspecial',
							title : '专题',
							width : '10%'
						}, {
							field : 'fstatezhuant',
							title : '状态',
							width : '10%'
						}, {
							field : 'ftime',
							title : '发布日期',
							width : '10%'
						}, {
							field : 'fcontent',
							title : '内容',
							width : '19%'
						}, {
							field : 'fnumber',
							title : '浏览次数',
							width : '10%'
						}, ] ]
					});
					
					}
				else
					{
					var lx =$('#cc').combobox('getText');
					
					$('#dg').datagrid({
						url : "contentshow",
						title : '知识内容'+'->'+'知识类型（'+lx+'）->'+'内容搜索（'+value+')',
						rownumbers : true,
						 queryParams: {          
				                lx:lx,
				                ss:value,
				                id:name
				              },
						striped : true,
						pagination : true,
						pageSize : 19,
						pageList : [ 19, 36, 54 ],
						columns : [ [ {
							field : 'cid',
							title : '知识编号',
							width : '10%',
							hidden: true
						}, {
							field : 'cname',
							title : '知识类型',
							width : '10%'
						}, {
							field : 'ctitle',
							title : '标题',
							width : '10%'
						}, {
							field : 'cabstract',
							title : '内容摘要',
							width : '10%'
						}, {
							field : 'fspecial',
							title : '专题',
							width : '10%'
						}, {
							field : 'fstatezhuant',
							title : '状态',
							width : '10%'
						}, {
							field : 'ftime',
							title : '发布日期',
							width : '10%'
						}, {
							field : 'fcontent',
							title : '内容',
							width : '19%'
						}, {
							field : 'fnumber',
							title : '浏览次数',
							width : '10%'
						}, ] ]
					});
					
					
					}
					}
			},
			menu : '#mm',
			prompt : '请输入值',
			width : 500
		});
		
		//单个知识内容显示框
		$('#win').window({    
		    width:600,    
		    height:400,    
		    modal:true,
		    title:'内容详情',
		    collapsible:false,
		    minimizable:false,
		    maximizable:false,
		    resizable:false,
		    draggable:false,
		    
		}); 
		 $('#win').window('close'); 

	})
</script>

<body>

	<table>
		<tr>
			<!--搜索板块  -->
			<td style="width: 50%">知识类型: <input id="cc" name="dept" style="width: 200px">
			</td>

			<!--内容 -->
			<td style="width: 50%"><input id="ss"></input>
				<div id="mm" style="width: 500px">
					<div data-options="name:'1',iconCls:'icon-ok'">标题搜索</div>
					<div data-options="name:'2',iconCls:'icon-ok'">内容搜索</div>
				</div></td>
		</tr>
	</table>

	<!--搜索结果表单-->
	<table class="easyui-layout" id="dg" style="width: 100%;">

	</table>
	
	<!--内容显示框  -->
    <div id="win" >
    <table id="content"  style="margin-left: 30px">
   
    </table>
    </div> 


</body>
</html>